<template>
  <keep-alive exclude="Detail"><!--detail-list为组件名-->
    <!--当页面进行跳转时，vue对象会被重新加载,这样mounted方法中每次都会去请求json，大大降低了速度，使用keep-alive
    使得vue对象会存在于缓存中，这样不用每次都调用mounted生命周期钩子中请求json的方法。使用keep-alive时vue多了一个生命周期钩子,
    activated,每次vue对象被调用时都会执行这个方法，这样我们可以利用它来判断页面切换时，数据发生变化，需不需要重新发送json请求
    -->
    <!--在重复进入详情页面的时候，发现并没有去请求新的json，因为页面已经被加载过了，做了缓存，没有去执行mounted中的，
    请求新的json的方法，这时不符合预期的，所以detail页面，要设置不适用缓存
    -->
    <router-view/>
  </keep-alive>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style>

</style>
